body{
  //overflow: hidden;
}
#container{
  width:3820px;
  height:1080px;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  img,video,iframe{
    width:100%;
    height:100%;
    border:none;
  }
  video{
    width:100%;
  }
  img{
    height:auto;
  }
  iframe{
    width:3820px;
    height:1080px;
    overflow-x: hidden;
  }
}

.flex_container_default{
  display: flex;
  flex-direction: row;
  flex-wrap:nowrap ;
  justify-content: flex-start;
  flex:1;
}

.control_buttons_container{
  width:100% !important;
  height:100% !important;
  >div{
    flex:1;
    align-items: center;
    justify-content: center;
    button{
      height: 50%;
      width: 50%;
      font-size: 3rem;

    }
  }
}